<DialogTitle>
  <Typography variant="h5">
    {challenge.title}
  </Typography>
</DialogTitle>

<Box sx={{ mt: 2, display: 'flex', gap: 1, flexWrap: 'wrap' }}>
  <Typography variant="body1" component="div">
    <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}>
      <Chip label={challenge.difficulty} color="primary" size="small" />
      <Chip label={`${challenge.points} 积分`} color="secondary" size="small" />
      <Chip label={challenge.duration} variant="outlined" size="small" />
    </Box>
  </Typography>
</Box> 